<template>
  <div class="breadcrumb flex" >
    <BreadcrumbItem v-for="item in arr" :key="item.path" :data="item"></BreadcrumbItem>
  </div>
</template>
 
<script>
import BreadcrumbItem from "./BreadcrumbItem.vue";
export default {
  props: ["arr"],
  components: { BreadcrumbItem },
  data() {
    return {};
  },
};
</script>
 
<style lang = "less" scoped>
</style>